<template>
    <div>
        <h2>vue自定义递归组件</h2>
        <recursion :listData="listData" class="first-level" />
    </div>
</template>

<script>
import recursion from '@/components/recursion'

export default {
    name: 'recursionView',
    components: {
        recursion
    },
    data() {
        return {
            listData: [{ "areaId": "493723969422102528", "areaCode": "MM", "areaName": "专用区域", "type": 1, "parentId": "224935111131398144", "description": "", "quoteCount": 101, "status": 0, "childList": [] }, { "areaId": "493727604075925504", "areaCode": "CC", "areaName": "创新租赁", "type": 1, "parentId": "224935111131398144", "description": "", "quoteCount": 0, "status": 0, "childList": [] }, { "areaId": "506827569237090304", "areaCode": "area001", "areaName": "area001", "type": 1, "parentId": "224935111131398144", "description": "a", "quoteCount": 0, "status": 0, "childList": [{ "areaId": "506827610769088512", "areaCode": "aasa", "areaName": "aaa", "type": 2, "parentId": "506827569237090304", "description": "aaa", "quoteCount": 0, "status": 0, "childList": [] }] }]
        }
    }
}
</script>

<style lang="scss" scoped>
</style>